<template>
	<div class="base-statistic flex items-center h-25 px-6 rounded-lg bg-bg-3">
		<base-image :src="img" class="w-20 h-20 mr-5"></base-image>
		<div class="flex-1">
			<div class="text-t-2">{{ $t(title) }}</div>
			<div class="text-t-1 text-lg">
				<slot></slot>
			</div>
		</div>
		<slot name="action"></slot>
	</div>
</template>

<script setup lang="ts">
import BaseImage from '@/components/base/image/index.vue'

defineProps({
	title: {
		type: String,
		default: ''
	},
	img: {
		type: String,
		default: ''
	}
})
</script>
